<%@ page isELIgnored ="false" pageEncoding="UTF-8" %> 
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %>
<?xml version='1.0' encoding='UTF-8'?>
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>Esferas Del Dragón </title>  
		<link rel="stylesheet" type="text/css" href="styles.css" />
	</head>

	<body>
		<%@ include file="Header.jsp" %>
		
		<center>
		
		<form method="post" action="crearPersonaje">
			<div>
				<label>Selecciona un personaje: </label> </br>
				Goku<input type="radio" name="PERS" value="Goku"></input>
				<img src="imagenesDB/Goku.jpg" height="125"/>
				<img src="imagenesDB/Gohan.jpg" height="125"/>
				<input type="radio" name="PERS" value="Gohan"></input>Gohan</br>
			</div>
			<div>
				Vegeta<input type="radio" name="PERS" value="Vegeta"></input>
				<img src="imagenesDB/Vegeta.jpg" height="125"/>
				<img src="imagenesDB/Trunks.jpg" height="125"/>
				<input type="radio" name="PERS" value="Trunks"></input>Trunks</br>
			</div>
			<div  style="padding-left: 35px;">
				Bulma<input type="radio" name="PERS" value="Bulma"></input>
				<img src="imagenesDB/Bulma.jpg" height="125"/>
				<img src="imagenesDB/Androide18.jpg" height="125"/>
				<input type="radio" name="PERS" value="Androide18"></input>Androide 18</br>
			</div>
			<div>
				<label>Posicion: </label>
				<input type="text" name="coordX" value="${param.coordX}" />
				<input type="text" name="coordY" value="${param.coordY}" />
			</div>
			<div>
				<label>Cantidad De Movimientos: </label>
				<input type="text" name="moveMax" value="${param.moveMax}" />
			</div>
			<div>
				<input type="submit" value="Crear"/>
			</div>
		</form>

		</center>
		
		<%@ include file="Footer.jsp" %>
		
		
		<a href="index.jsp">Volver</a>
	</body>
</html>